<!--
 * @Author: Wangtao
 * @Date: 2022-04-15 09:56:30
 * @LastEditors: Wangtao
 * @LastEditTime: 2022-04-27 16:37:04
-->
<template>
  <detail-box>
    <template slot="left">
      <ChatInfo
        :sessionId="sessionId"
        :visitorId="visitorId"
        :scoringId="scoringId"
      />
    </template>
    <template slot="right">
      <Evaluate
        :applyQualityTime="sessionCreateTime"
        :scoringId="scoringId"
        :sessionId="sessionId"
        :templateConfig="templateConfig"
        @next="scoreInfoChange"
      />
    </template>
  </detail-box>
</template>
<script lang="ts">
import { Component, Vue, Prop } from 'vue-property-decorator'
import ChatInfo from '@/views/qualityCheck/result/components/chatInfo.vue'
import Evaluate from './components/evaluate.vue'
import detailBox from '@/views/qualityCheck/score/components/detail-box.vue'
@Component({
  name: 'resultDetail',
  components: {
    ChatInfo,
    Evaluate,
    detailBox
  }
})
export default class ResultDetail extends Vue {
  [x: string]: any
  // ----------------传入属性-----------------------
  @Prop({ default: '' }) public sessionId!: string; // 会话ID

  @Prop({ default: '' }) public visitorId!: string; // 会话ID

  @Prop({ default: '' }) public scoringId!: string; // 评分ID

  @Prop({ default: () => ({}) }) public templateConfig!: any; // 模板配置数据

  @Prop({ default: '' }) public sessionCreateTime!: string;

  // ----------------内部属性-----------------------
  // ----------------计算属性-----------------------
  // ----------------监听方法-----------------------
  // ----------------调用方法-----------------------
  private scoreInfoChange (info: any) {
    this.$emit('next', info);
  }
  // ----------------生命周期-----------------------
}
</script>
<style lang="stylus" scoped></style>
